<template>
  <div class="t-dis">
    <div style="padding: 15px 23px 0 23px">
      <div style="width: 600px; margin: 100px auto; border: 0px solid red">
        <div
          style="
            font-size: 24px;
            text-align: center;
            width: 200px;
            margin: 0 auto;
          "
        >
          <div style="width: 40px; float: left">
            <img src="../assets/imgs/nopass.png" style="width: 40px" />
          </div>
          <div style="line-height: 40px; padding-left: 0px; width: 175px">
            审核不通过
          </div>
        </div>
        <div style="font-size: 16px; text-align: left; margin: 80px 80px">
          <a style="line-height: 35px">市县实施方案</a
          ><a style="line-height: 35px; float: right" :class="ssfa_color">{{
            ssfa_jg
          }}</a
          ><br />
          <a style="line-height: 35px">任务区检查报告</a
          ><a style="line-height: 35px; float: right" :class="jcbg_color">{{
            jcbg_jg
          }}</a
          ><br />
          <a style="line-height: 35px">任务区技术总结报告</a
          ><a style="line-height: 35px; float: right" :class="zjbg_color">{{
            zjbg_jg
          }}</a
          ><br />
          <a style="line-height: 35px">两级检查记录</a
          ><a style="line-height: 35px; float: right" :class="lj_color">{{
            lj_jg
          }}</a
          ><br />
          <a style="line-height: 35px">外业调查核查记录表</a
          ><a style="line-height: 35px; float: right" :class="wydcjl_color">{{
            wydcjl_jg
          }}</a
          ><br />
          <a style="line-height: 35px">机检记录</a
          ><a style="line-height: 35px; float: right" :class="jjbg_color">{{
            jjbg_jg
          }}</a
          ><br />
          <a style="line-height: 35px">地市级交验</a
          ><a style="line-height: 35px; float: right" :class="djsjy_color">{{
            djsjy_jg
          }}</a
          ><br />
          <!-- <a style="line-height: 35px">委托函</a
          ><a style="line-height: 35px; float: right" :class="wth_color">{{
            wth_jg
          }}</a
          ><br />
          <a style="line-height: 35px">抽样单</a
          ><a style="line-height: 35px; float: right" :class="cyd_color">{{
            cyd_jg
          }}</a -->
          ><br />
          <a style="line-height: 35px">测绘资料交验移交清单</a
          ><a style="line-height: 35px; float: right" :class="chzlyy_color">{{
            chzlyy_jg
          }}</a>
        </div>
      </div>
    </div>
    <el-row type="flex" justify="center" align="middle" style="height: 5vh">
      <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" style="max-width: 10%">
        <el-button type="primary" class="edit_btn" @click="btnSubmit"
          >确定</el-button
        >
      </el-col>
    </el-row>
  </div>
</template>
<script>
import { useRouter } from "vue-router";
export default {
  components: {},
  methods: {
    btnSubmit() {
      this.$router.push("/applyautlist");
    },
    reset() {},
  },
  mounted() {
    const id = this.$route.query.id;
    console.log("ddd", this.$route.query.id);
    this.http
      .post("/api/zm_data_record/AdminGetDetaileByID?id=" + id)
      .then((result) => {
        console.log('*************',result);
        if (result.Data.thisaudit != undefined) {
          console.log(result.Data.thisaudit.ssfa_sh_state);
          if (result.Data.thisaudit.ssfa_sh_state === 0) {
            this.ssfa_jg = "不通过";
            this.ssfa_color = "red-text";
          }else  if (result.Data.thisaudit.ssfa_sh_state === 1) 
          {
            this.ssfa_jg = "通过";
            this.ssfa_color = "green-text";
          }
          if (result.Data.thisaudit.jcbg_sh_state === 0) {
            this.jcbg_jg = "不通过";
            this.jcbg_color = "red-text";
          }else  if (result.Data.thisaudit.jcbg_sh_state === 1) 
          {
            this.jcbg_jg = "通过";
            this.jcbg_color = "green-text";
          }
          if (result.Data.thisaudit.zjbg_sh_state == 0) {
            this.zjbg_jg = "不通过";
            this.zjbg_color = "red-text";
          }else  if (result.Data.thisaudit.zjbg_sh_state === 1) 
          {
            this.zjbg_jg = "通过";
            this.zjbg_color = "green-text";
          }
          if (
            result.Data.thisaudit.lj_state === 0 ||
            result.Data.thisaudit.yj_state === 0 
          ) {
            this.lj_jg = "不通过";
            this.lj_color = "red-text";
          }else   if (
            result.Data.thisaudit.lj_state === 1 ||
            result.Data.thisaudit.yj_state === 1 
          )
          {
            this.lj_jg = "通过";
            this.lj_color = "green-text";
          }
          if (result.Data.thisaudit.wydcjl_sh_state === 0) {
            this.wydcjl_jg = "不通过";
            this.wydcjl_color = "red-text";
          }else  if (result.Data.thisaudit.wydcjl_sh_state === 1) 
          {
            this.wydcjl_jg = "通过";
            this.wydcjl_color = "green-text";
          }
          if (
            result.Data.thisaudit.jjbg_sh_state === 0 ||
            result.Data.thisaudit.jccwwxgsm_sh_state === 0
          ) {
            this.jjbg_jg = "不通过";
            this.jjbg_color = "red-text";
          }else    if (
            result.Data.thisaudit.jjbg_sh_state === 1 ||
            result.Data.thisaudit.jccwwxgsm_sh_state === 1
          )
          {
            this.jjbg_jg = "通过";
            this.jjbg_color = "green-text";
          }
          if (result.Data.thisaudit.djsjy_sh_state === 0) {
            this.djsjy_jg = "不通过";
            this.djsjy_color = "red-text";
          }else  if (result.Data.thisaudit.djsjy_sh_state === 1) 
          {
            this.djsjy_jg = "通过";
            this.djsjy_color = "green-text";
          }
          if (result.Data.thisaudit.wth_sh_state === 0) {
            this.wth_jg = "不通过";
            this.wth_color = "red-text";
          }else  if (result.Data.thisaudit.wth_sh_state === 1) 
          {
            this.wth_jg = "通过";
            this.wth_color = "green-text";
          }
          if (result.Data.thisaudit.cyd_sh_state === 0) {
            this.cyd_jg = "不通过";
            this.cyd_color = "red-text";
          }else  if (result.Data.thisaudit.cyd_sh_state === 1) 
          {
            this.cyd_jg = "通过";
            this.cyd_color = "green-text";
          }
          if (result.Data.thisaudit.chzlyy_sh_state === 0) {
            this.chzlyy_jg = "不通过";
            this.chzlyy_color = "red-text";
          }else  if (result.Data.thisaudit.chzlyy_sh_state === 1) 
          {
            this.chzlyy_jg = "通过";
            this.chzlyy_color = "green-text";
          }
        }
      });
  },
  data() {
    return {
      loadKey: true,
      ssfa_jg: "",
      jcbg_jg: "",
      zjbg_jg: "",
      lj_jg: "",
      wydcjl_jg: "",
      jjbg_jg: "",
      djsjy_jg: "",
      wth_jg: "",
      cyd_jg: "",
      chzlyy_jg: "",
      ssfa_color: "green-text",
      jcbg_color: "green-text",
      zjbg_color: "green-text",
      lj_color: "green-text",
      wydcjl_color: "green-text",
      jjbg_color: "green-text",
      djsjy_color: "green-text",
      wth_color: "green-text",
      cyd_color: "green-text",
      chzlyy_color: "green-text",
    };
  },
};
</script>
<style lang="less" scoped>
.t-dis {
  margin-bottom: 15px;
  background: white;
}
.t-dis ::v-deep(.example-tb .el-alert) {
  display: none;
}
.t-dis ::v-deep(.example-tb .tb) {
  margin-top: 0 !important;
}
.t-dis ::v-deep(.example-tb .search-info) {
  margin-left: -19px;
}
.edit_btn {
  min-height: 40px;
  min-width: 100px;
  background: #409eff 80%;
  border: #409eff;
  font-size: 20px;
}
.red-text {
  color: red;
}

.green-text {
  color: green;
}
</style>
